<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>{{ tit }}</title>
	<link href="/static/pintuer/pintuer.css" rel="stylesheet">
	<script src="/static/jquery.js"></script>
	<script src="/static/pintuer/pintuer.js"></script>
	<script src="/static/layer/layer.js"></script>
</head>
<body>

<div class="container">
	<blockquote>
        <h1>以图搜图哈希算法</h1>
		<strong>上传图片后点击生成hash，点击图片即可完成，离最近的是最相近的，此算法预算较快，识别不太准
			<a href="#d">通过生成特征值h5文件</a></strong>
        <form action="{% url 'uploads' %}"
                  method="post"
                  enctype="multipart/form-data"
                  >{% csrf_token %}
                <input type="file"
                       name="file_field"
                       multiple="multiple"
                       >
                <input type="submit" value="提交">
            </form>
		<p>

            <form onsubmit="return jg()" style="float:left;" action="{% url 'start'%}" method="get">
                <a class="button border" href="/">主页</a>
                <button class="button border">运算出hash值</button>
                <a class="button border" href={% url "imggao" %}>深度学习识别</a>


            </form>
		</p>

	</blockquote>
	<blockquote>
			<thead>
                {% for c in img %}
                       <form onsubmit="return jg()" style="float:left;" action="{% url 'sou'%}" method="get">
                    <input hidden  name="id" value="{{ c.id }}">
                    <button class="button border-green"> <img src="/media/{{ c.image }}" style="width:200px;height: 200px;">{{ c.id }}</button>
                    </form>
                {% endfor %}

			<tbody>
			</tr>
			</tbody>
	</blockquote>



	<hr>




</div>


<script>
    $('#alert').on('click',function(){
        layer.alert("操作成功");
    });
    $('#msg').on('click',function(){
        layer.msg("操作成功");
    });
    $('#msg1').on('click',function(){
        layer.msg('你确认了信息', {icon: 1});
    });
    $('#msg2').on('click',function(){
        layer.msg('你确认了信息', {icon: 2});
    });
    $('#msg3').on('click',function(){
        layer.msg('你确认了信息', {icon: 3});
    });
    $('#msg4').on('click',function(){
        layer.msg('你确认了信息', {icon: 4});
    });
    $('#msg5').on('click',function(){
        layer.msg('你确认了信息', {icon: 5});
    });
    $('#msg6').on('click',function(){
        layer.msg('你确认了信息', {icon: 6});
    });
    $('#msg7').on('click',function(){
        layer.msg('你确认了信息', {icon: 7});
    });
</script>
<hr>


<script>
    $('#confirm').on('click',function(){
        //询问框
        layer.confirm('是否确认信息？', {
            btn: ['确认','取消'] //按钮
        }, function(){
            layer.msg('你确认了信息', {icon: 1});
        }, function(){});
    });
</script>
</body>
</html>